<?php /*a:6:{s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\index\artical.html";i:1725184710;s:55:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\layout.html";i:1725700157;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\header.html";i:1725439250;s:68:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\author_other.html";i:1717905012;s:65:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\recommend.html";i:1718098828;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\footer.html";i:1718596170;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <title><?php if(!empty($seo_title)): ?><?php echo htmlentities((string) $seo_title); else: ?><?php echo htmlentities((string) $webconfig['seo_title']); ?><?php endif; ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="keywords" content="<?php if(!empty($seo_keywords)): ?><?php echo htmlentities((string) $seo_keywords); else: ?><?php echo htmlentities((string) $webconfig['seo_keywords']); ?><?php endif; ?>"/>
    <meta name="description" content="<?php if(!empty($seo_description)): ?><?php echo htmlentities((string) $seo_description); else: ?><?php echo htmlentities((string) $webconfig['seo_description']); ?><?php endif; ?>"/>
    <link rel="stylesheet" href="/zhcms/layui_v2_9_10/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/zhcms/home/hover.css"/>
    <link rel="stylesheet" href="/zhcms/home/style.css?v=<?php echo time();?>" media="all"/>
    <script src="/zhcms/jquery/jquery-3.6.0.min.js" charset="utf-8"></script>
    <script src="/zhcms/layui_v2_9_10/layui.js" charset="utf-8"></script>

    <script>
        // var _hmt = _hmt || [];
        // (function() {
        //   var hm = document.createElement("script");
        //   hm.src = "https://hm.baidu.com/hm.js?017f4abd6c47930eee2cf73aceb328c9";
        //   var s = document.getElementsByTagName("script")[0]; 
        //   s.parentNode.insertBefore(hm, s);
        // })();
    </script>
        
</head>
<body>
<style>
    .nav-main{
        background: #ffffff;
        box-shadow: 0 0 6px 1px rgba(0,0,0,0.1);
    }
    .nav-wrap{
        height:56px;
        background:#ffffff;
        z-index: 2;
        width:1200px;
        margin: 0 auto;
    }

    .nav-content >ul >li{
        border-right:1px solid #dedede;
        float:left;
        position: relative;
        line-height: 55px;
        z-index: 9;
    }

    .nav-content >ul >li>a{
        display:inline-block;
        padding:0px 30px;
        font-size: 16px;
    }

    .nav-content >ul >li> a:hover{
        color:#078cf2;
    }

    .nav-content >ul >li.current a{
        background:#078cf2;
        color:#ffffff;
    }

    .nav-content >ul >li.current a:hover{
        color:#ffffff;
    }
    
    
  .blog_name{
    line-height:60px;
    font-size: 28px;
    color:#ffffff;
    margin-left: 35px;
  }

  .blog_name a{
    color:#939393;
  }

  .user_wrap{
    height:40px;
    padding:20px 0 0 0;
    line-height: 40px;
  }

  .user_wrap a{
    font-size: 14px;
    color:#666666;

  }

</style>



<div class="nininav">
    <div class="w1200">
        <div class="layui-row">
            <div class="layui-col-lg11">
                <h1 class="blog_name">
                    <a href="" alt="小木CMS内容管理系统">小木CMS内容管理系统</a>
                </h1>
            </div>
            <div class="layui-col-lg1">
                <div class="user_wrap"><a href="<?php echo url('admin/login/index'); ?>">登录</a></div>
            </div>
        </div>
    </div>
</div>

<div class="nav-main">
    <div class="nav-wrap">
        <div class="nav-content" id="menu">
            <ul>
                <li class="<?php if($current == 0): ?>current<?php endif; ?>">
                    <a href="/index.php">首页</a>
                </li>

                <?php if(is_array($nav) || $nav instanceof \think\Collection || $nav instanceof \think\Paginator): $i = 0; $__LIST__ = $nav;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                    <li class="<?php if($vo['id'] == $current): ?>current<?php endif; ?>"><a href="<?php echo url('index/category',['id'=>$vo['id']]); ?>"><?php echo htmlentities((string) $vo['category_name']); ?></a></li>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
        </div>
    </div>
</div>

<script>
    $(function(){
        $(".menu>li").on("mouseenter",function(){
            $(this).find(".sub-menu").show();
        })

        $(".menu>li").on("mouseleave",function(){
            $(this).find(".sub-menu").hide();
        })
    })
</script>


<div class="line mb50"></div>





<style>
    /*修改代码区域的样式*/
    .wp_syntax td.code{
      background-size:1px 52px;
    }
    
    .wp_syntax pre{
      line-height: 26px !important;
    }
    
    .wp_syntax{margin:1.5em 0px}
    
    .single{
      background: #ffffff;
      padding:20px;
      border-radius: 5px;
    }
    
    .entry-title{
      color:#333333
    }
    
    .entry-info{
      margin: 15px 0 0 0;
    }
    
    .entry-info ,.entry-info a,.entry-info span{
      color:#999999
    }
    
    .entry-main{
      margin-top: 30px;
      color:#666666;
      font-size: 16px;
    }
    
    .entry-main p{
      margin: 15px 0;
    
      line-height: 28px;
    }
    
    .entry-author{
      padding:20px;
      background: #ffffff;
      margin-top: 20px;
    }
    
    .entry-main-title{
      height:30px;
      line-height: 30px;
      border-left:3px solid #1162e8;
      padding-left: 15px;
      font-size: 18px;
    }
    
    .entry-author-main{
      display: flex;
      margin-top: 15px;
    }
    
    .entry-author-avatar{
      width:80px;
    }
    
    .entry-author-avatar img{
      width: 80px;
      height: 80px;
      border-radius: 40px;
    
    }
    
    .entry-author-content{
      flex-grow: 1;
      margin-left: 20px;
    }
    
    .entry-author-name{
      font-size:18px;
      color:#666666;
    }
    
    .entry-author-desc{
      font-size: 16px;
      color:#999999;
      margin-top: 15px;
      
    }
    
    .entry-item{
      border:1px solid #e5e5e5;
      border-radius: 7px;
      overflow: hidden;
    }
    
    .entry-item-image{
      display: block;
      overflow: hidden;
    }
    
    .entry-item-image img{
      display: block;
      height: 160px;
      width: 100%;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
    }
    
    .entry-item-title{
      font-size: 16px;
      height:48px;
      line-height: 24px;
      margin: 10px;
      display: block;
    
    }
    
    .item-author{
      padding:10px;
      border-top:1px solid #e5e5e5;
      color:#999999;
      font-size: 12px;
    }
    
    </style>
    
    <div class="w1200" style="padding-bottom:80px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-lg9">
    
          <div class="single">
            <h1 class="entry-title"><?php echo htmlentities((string) $artical['title']); ?></h1>
    
            <div class="entry-info">
              <a href=""><?php echo htmlentities((string) $artical['nickname']); ?></a> • 
              <span><?php echo htmlentities((string) $artical['create_time']); ?></span> • 
              <span>阅读:<?php echo htmlentities((string) $artical['readnum']); ?></span>
            </div>
    
            <div class="entry-main">
                <?php echo $artical['content']; ?>
            </div>
          </div>
    
          <div class="entry-author">
            <div class="entry-main-title">关于作者</div>
            <div class="entry-author-main">
              <div class="entry-author-avatar">
                <img src="/zhcms/homeImage/user.jpg">
              </div>
              <div class="entry-author-content">
                <div class="entry-author-name"><?php echo htmlentities((string) $artical['nickname']); ?></div>
                <div class="entry-author-desc">世界上只有一种真正的英雄主义，就是认清了生活的真相后还依然热爱生活。</div>
              </div>
            </div>
          </div>

          <div class="entry-author">
    
            <div class="entry-main-title">相关推荐</div>
    
            <div class="layui-row layui-col-space20 mt15">
                <?php if(is_array($list) || $list instanceof \think\Collection || $list instanceof \think\Paginator): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                <div class="layui-col-lg4">
                <div class="entry-item">
                    <a href="<?php echo url('/index/artical',['id'=>$vo['id']]); ?>" class="entry-item-image" target="_blank"><img src="<?php echo htmlentities((string) $vo['cover']); ?>" class="hvr-grow-shadow" /></a>
                    <div class="entry-box">
                    <a href="<?php echo url('/index/artical',['id'=>$vo['id']]); ?>" class="entry-item-title" target="_blank"><?php echo htmlentities((string) $vo['title']); ?></a>
                    <div class="layui-row item-author">
                        <div class="layui-col-lg6"><?php echo htmlentities((string) $vo['nickname']); ?></div>
                        <div class="layui-col-lg6 fn-txr"><?php echo htmlentities((string) $vo['create_time']); ?></div>
                    </div>
                    </div>
                </div>
                </div>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
    
          </div>
    
    
    
    
    
    
        </div>


        <div class="layui-col-lg3">
          
          <style>

    .profile_area{
      background: #ffffff;
      position: relative;
    }
    
    .profile-img{
      display: block;
      width:100%;
      height:110px;
    }
    
    .profile-avatar{
      border:2px solid #ffffff;
      border-radius: 40px;
      overflow: hidden;
      height:80px;
      width: 80px;
      margin: -60px 0 0 104px;
      z-index: 1;
      position:absolute;
    
    }
    
    .profile-avatar img{
      display: block;
      height:80px;
      width: 80px;
      
    }
    
    .profile-name{
      text-align: center;
      font-size: 18px;
      color:#333333;
      margin-top: 35px;
    }
    
    .profile-desc{
      font-size: 14px;
      color:#666666;
      padding:15px;
      line-height: 24px;
    
    }
    
    </style>
    
    <div class="profile_area">
        <img  class="profile-img" src="/zhcms/homeImage/v1/author.png">
        <div class="profile-avatar">
            <img  class="profile-img" src="/zhcms/homeImage/user.jpg">
        </div>
    
        <div class="profile-name">程序员小张</div>
        <div class="profile-desc">
            世界上只有一种真正的英雄主义，就是认清了生活的真相后还依然热爱生活。
        </div>
    </div>
    
          <div class="mt20">
            <style>
    .entry-main-title{
      height:30px;
      line-height: 30px;
      border-left:3px solid #1162e8;
      padding-left: 15px;
      font-size: 18px;
    }
    
    .chapter-list{
      font-size:14px;
      line-height: 24px;
      margin-top: 15px;
    }
    
    .chapter-list p{
      padding-bottom: 10px;
      display: flex;
    }
    
    
    .chapter-list p span{
      display: inline-block;
      margin-right: 10px;
      color:#1162e8;
      font-size: 20px;
    }
    
    .chapter-list p a{
      display: inline-block;
    }
    
    .read-box{
      background: #ffffff;
      padding:15px;
    }
    
    </style>
    
    <div class="read-box">
        <div class="entry-main-title">
            推荐阅读
        </div>
    
        <div class="chapter-list">
            <p><span>•</span><a href="javascript:void(0)">如何寻找我们的合作伙伴</a></p>
            <p><span>•</span><a href="javascript:void(0)">独立开发者怎样选定自己要开发的产品</a></p>
            <p><span>•</span><a href="javascript:void(0)">怎样找到好的产品创意</a></p>
        </div>
    
    </div>
          </div>
    
    
        </div>
      </div>

    </div>
    
    
    <style>
    .contact{
        color:#999999;
        text-align: center;
    }
</style>

<div class="footer">
    <div class="layui-container">

        <div class="w1200 contact">
            业务QQ：<?php echo htmlentities((string) $webconfig['qq']); ?> &nbsp;&nbsp;&nbsp;&nbsp; 开发者邮箱：<?php echo htmlentities((string) $webconfig['email']); ?>
        </div>
        <div class="h-line"></div>
        <div class="company">
            Copyright © <?php echo htmlentities((string) $webconfig['copyright']); ?>&nbsp;&nbsp;All Rights Resrved. <a href="/sitemap.txt" target="_blank" style="color:#999999">网站地图</a>
            <div class="mt15"><a href="<?php echo htmlentities((string) $webconfig['icp_url']); ?>" class="icp" target="_blank"><?php echo htmlentities((string) $webconfig['icp']); ?></a></div>
        </div>
    </div>
</div>

<script>

layui.use(function(){
    var util = layui.util;
    // 自定义固定条
    util.fixbar({
        bars: [],
        on: { // 任意事件 --  v2.8.0 新增
        mouseenter: function(type){
            layer.tips(type, this, {
            tips: 4, 
            fixed: true
            });
        },
        mouseleave: function(type){
            layer.closeAll('tips');
        }
        },
        // 点击事件
        click: function(type){
        console.log(this, type);
        // layer.msg(type);
        }
    });
});
</script>

</body>
</html>